{% extends 'KeioStudyBundle::layout.html.twig' %}

{% block content %}
    <h4 style="padding-bottom:5px">Chọn câu hỏi theo môn học rồi check để bỏ vào bài học</h4>
	<form name="name_for_enable_submit" action="{{ path('keio_baihoc_addcauhoitobaihoc', {'baihoc_id': baihocid}) }}" method="POST">
		<br><select name="customers" onchange="showCustomer(this.value)">
		<option value="">Chọn môn học:</option>
		{% for mh in monhoc %}
			<option value="{{ mh.id }}">{{ mh.name }}</option>
		{% endfor %}
		</select>

		<div id="txtHint"></div>
		<br><input id="submitbutton" type="submit" disabled="disabled" value="Add"><br>
	</form>

	<hr/>
    <h4>Các câu hỏi thuộc bài học</h4>
    {% for cauhoi in cauhoiY %}
	    <br>{{ cauhoi.tieude }} ({{ cauhoi.diem }} điểm -
	    	{% if cauhoi.loai==0 %}
	    		trắc nghiệm)
	    	{% else %}
	    		điền trả lời)
	    	{% endif %}
    {% endfor %}

{% endblock %}



{% block morejavascripts %}
		<script>
		function showCustomer(str)
		{
		var xmlhttp;
		if (str=="")
		  {
		  document.getElementById("txtHint").innerHTML="";
		  return;
		  }
		if (window.XMLHttpRequest)
		  {// code for IE7+, Firefox, Chrome, Opera, Safari
		  xmlhttp=new XMLHttpRequest();
		  }
		else
		  {// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		xmlhttp.onreadystatechange=function()
		  {
		  if (xmlhttp.readyState==4 && xmlhttp.status==200)
		    {
		    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		    }
		  }
		xmlhttp.open("POST","{{ path('keio_baihoc') }}" + "getcauhoichuaganbymonhoc/" + {{ baihocid }} + "/" + str,true);
		xmlhttp.send();
		}
		</script>

		<script type="text/javascript" language="javascript">
		    function checkform()
		    {
		    	var f = document.forms["name_for_enable_submit"].elements;
		    	var cansubmit = true;
		        var x = 0;
		        for (var i = 0; i < f.length; i++) {
		        	if (f[i].checked){
		            	x = x + 1;
		            }
		        }
		        if (x == 0) cansubmit = false;
	            document.getElementById('submitbutton').disabled = !cansubmit;
		    }
		</script>
{% endblock %}